<!-- 缺失管理-隐患整改页面 -->
<template>
  <div>
    <CustomTabs :tabList="tabList" :activeName="activeName" @tabSelect="handelTabSelected" @update:activeName="handelActiveName" />
    <div v-for="item in tabList">
      <div v-if="activeName == item.name" class="tabsDiv">{{ item.label }}</div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import CustomTabs from "@/components/Tabs/index.vue";
import { ref } from "vue";
defineOptions({
  name: "CommonEquipSetting"
});
const tabList = ref([
  {
    name: "first",
    label: "全部"
  },
  {
    name: "second",
    label: "执行中"
  },
  {
    name: "third",
    label: "已完成"
  }
]);
const activeName = ref("first");
const handelActiveName = newVal => {
  // activeName.value = newVal;
};
const handelTabSelected = selectName => {
  activeName.value = selectName;
};
</script>
<style lang="scss" scoped>
.tabsDiv {
  width: 100%;
  background: white;
  padding: 0 25px;
}
</style>
